<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/category.css">
</head>
<body>
    <header></header>
    <div class="main">
        <div class="shop-sort">
            <div class="composite">综合</div>
            <div class="lowest-price">价格最低</div>
            <div class="sales-num">销量</div>
        </div>
        <ul id="goodsClassify"></ul>
        <script type="text/html" id="classifyTemplate">
            {{each list item}}
            <li>
               <a href="/html/detail.html?id={{item.id}}">
                    <img src="{{item.image}}" alt="">
                    <p class="name">{{item.title}}</p>
                    <b>{{item.price}}</b>
                    <i>{{item.saleNum}}人已买</i>
                    <div class="cover">
                        {{item.commodityTypeName}}
                    </div>
                </a>
            </li>
          {{/each}}
        </script>
    </div>
    <div class="paging">
            <div class="previous-page">上一页</div>
            <div> 第<span id="page-num">1</span>页</div>
            <div class="next-page">下一页</div>
        </div>
    <footer></footer>
 
 <script src="/libs/jquery/require/require.min.js" data-main="/js/category"></script>
</body>
</html>